<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>训战研判系统平台</title>
    <link rel="icon" href="../static/img/icon.png">
    <link rel="stylesheet" href="../static/js/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/animate.min.css">
    <link rel="stylesheet" href="../static/css/style.css">
    <link rel="stylesheet" href="../static/css/index.css">

</head>

<body>
    <div id="g-pointer" class="g-pointer"></div>
    <div class="app">
        <div class="header animate__animated animate__slideInDown">
            <div class="header-title">训战研判系统平台</div>
            <div class="header-menu">

            </div>
        </div>
        <div class="contain contain-index" id="contain-index">
            <div class="index-left">
                <div class="left-chart chart2">
                    <div class="index-title">各项目合格率</div>
                    <div id="chart2" class="g-animation">
                        <div class="chart2-top">

                        </div>
                        <div id="chart2-3d"></div>
                    </div>
                </div>
                <div class="left-chart chart1">
                    <div class="index-title">实时训练记录</div>
                    <div id="chart1" class="g-animation">
                        <div class="pb">

                        </div>
                    </div>
                </div>
            </div>
            <div class="index-center">
                <div class="center-chart chart1">
                    <div class="p-animation" id="p-animation">
                        <div class="g-bg"></div>
                        <div class="g-circle"></div>
                    </div>
                    <div class="center-chart-con">
                        <div class="center-chart-conut">
                            
                        </div>
                        <div class="center-chart-total">

                        </div>
                    </div>
                </div>
                <div class="center-chart chart2">
                    <div class="index-title">枪炮协同训练最近数据分析
                        <div class="chart2-switch">
                            横坐标基准：
                            <span data-type=1 class="active">距离</span>
                            <span data-type=2>耗时</span>
                        </div>
                    </div>
                    <div class="g-svg">
                        <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg">
                            <polyline
                                points="100 0 100 300 200 300 200 0 300 0 300 300 400 300 400 0 500 0 500 300 600 300 600 0 700 0"
                                stroke="#39e0fb77" fill="transparent" stroke-width="1" />
                            <polyline class="g-dashed-line"
                                points="100 0 100 300 200 300 200 0 300 0 300 300 400 300 400 0 500 0 500 300 600 300 600 0 700 0"
                                fill="transparent" stroke-width="2" />
                        </svg>
                    </div>
                    <div class="chart3-score"></div>
                    <div id="chart3" class="g-animation"></div>
                </div>
            </div>
            <div class="index-right">
                <div class="right-chart chart2">
                    <div class="index-title">近三十天训练次数排行榜</div>
                    <div id="chart5" class="g-animation">
                        <div class="perspective-photo">
                            <div id="stage">
                                <div id="container">
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="right-chart chart1">
                    <div class="index-title">训练成绩</div>
                    <div id="chart4" class="g-animation">
                        <!-- <div class="chart4-top">
                            <div>
                                训练次数
                                <div>123
                                    <span>次</span>
                                </div>
                            </div>
                            <div style="filter: hue-rotate(45deg) brightness(1.3);">
                                消防员人数
                                <div id="fireman-count">
                                </div>
                            </div>
                        </div> -->
                        <div class="chart4-bottom" id="chart4-bottom">

                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
    <svg width="0" height="0" style="position:absolute;">
        <defs>
            <filter id="fe1">
                <feTurbulence id="animation" type="fractalNoise" baseFrequency="0.00001 9.9999999" numOctaves="1"
                    result="warp">
                    <animate attributeName="baseFrequency" from="0.00001 9.9999" to="0.00001 0.001" dur="2s"
                        repeatCount="indefinite" />
                </feTurbulence>
                <feOffset dx="0" dy="0" result="warpOffset"></feOffset>
                <feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="30" in="SourceGraphic"
                    in2="warpOffset"></feDisplacementMap>
            </filter>
        </defs>
    </svg>
    <script type="text/javascript" src="../static/js/util/jquery.min.js"></script>
    <script type="text/javascript" src="../static/js/biz/app.js"></script>
    <script type="text/javascript" src="../static/js/layui/layui.js"></script>
    <script type="text/javascript" src="../static/js/util/echarts.min.js"></script>
    <script type="text/javascript" src="../static/js/util/amcharts.js"></script>
    <script type="text/javascript" src="../static/js/util/pie.js"></script>
    <script type="text/javascript" src="../static/js/biz/index.js"></script>
</body>

</html>